<%--博客网站的导航--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/assets/view/base/tag.jsp" %>
<div class="mr-header">
    <nav id="mr-header" class="navbar navbar-inverse navbar-fixed-top hoanimated" >
        <div class="container<%---fluid响应式铺满整个屏幕--%>">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mr-navbar-collapse"
                        aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">
                    <%--<img src="${contextPath}/assets/img/comm/logo184x78.png">--%>
                    mrcode
                </a>
            </div>

            <!-- 小设备需要隐藏起来的元素 -->
            <div class="collapse navbar-collapse" id="mr-navbar-collapse">
                <%--<ul class="nav navbar-nav">
                    <li class="active"><a href="/">推荐</a></li>
                    <li><a href="/">推荐</a></li>
                </ul>--%>
                <shiro:user>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a data-toggle="tooltip" data-placement="bottom" title="记录点点滴滴~" href="${contextPath}/auth/article/create_pre">
                                <span class="icon-edit icon-1x">写文章</span>
                            </a>
                        </li>
                        <li class="media768_logout hidden">
                            <a title="退出" href="/account/logout"><span class="icon-signout">退出</span></a>
                        </li>
                        <li class="user-card-box">
                            <a class="user-card-item" href="${contextPath}/auth/user/setprofile">
                                <img src="<%--${contextPath}--%>${sessionScope.USER_INFO.headImg}" alt="${sessionScope.USER_INFO.account}" class="img-circle">
                            </a>
                            <div class="g-user-card">
                                <div class="card-inner">
                                    <div class="card-top">
                                        <img src="<%--${contextPath}--%>${sessionScope.USER_INFO.headImg}" alt="${sessionScope.USER_INFO.account}" class="l">
                                        <span class="name text-ellipsis">${sessionScope.USER_INFO.name}</span>
                                        <p class="meta">
                                            <a href="<%--/space/experience--%>">经验<b id="js-user-mp">3805</b></a>
                                            <a href="<%--/myclub/credit--%>">积分<b id="js-user-credit">1</b></a>
                                        </p>
                                    </div>
                                    <div class="card-links">
                                        <a href="${contextPath}/${sessionScope.USER_INFO.account}/article/category/all" class="my-mooc l">我的博客<i class="dot-update"></i></a>
                                        <span class="split l"></span>
                                        <a href="/auth/manage/postlist/1" class="my-sns l">管理中心</a>
                                    </div>
                                    <div class="card-history">
                                <span class="history-item">
                                        ${sessionScope.USER_INFO.sign}
                                    <%--<span class="tit text-ellipsi1s">玩转Bootstrap（基础）</span>
                                    <span class="media-name text-ellipsis">5-15 导航（基础样式）</span>
                                    <i class="icon-clock"></i>
                                    <a href="/video/3031" class="continue">继续</a>--%>
                                </span>
                                    </div>
                                    <div class="card-sets clearfix">
                                        <a href="${contextPath}/auth/user/setprofile" class="l" alt="个人设置">个人设置</a>
                                        <a href="/account/logout" class="r" alt="退出">退出</a>
                                    </div>
                                </div>
                                <i class="card-arr"></i>
                            </div>
                        </li>
                            <%--<shiro:principal/>--%>
                    </ul>
                </shiro:user>
                <shiro:guest>
                    <ul class="nav navbar-nav navbar-right mr-navbar-nav">
                        <li><a class="navbar-link" href="${contextPath}/account/login">登录</a></li>
                        <li><a class="navbar-link" href="${contextPath}/account/register">注册</a></li>
                    </ul>
                </shiro:guest>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>